// 全局样式
html,
body {
  margin: 0;
  padding: 0;
}

html,
body,
#root {
  height: 100%;
}

p,
h2,
h3 {
  margin: 0;
}

// 覆盖组件库默认的主题色 本质是覆盖默认的css变量值
// :root:root 这是由于 antd-mobile 中的主题变量本身也声明在了 `:root` 下，因此有些情况下会由于优先级问题，我们无法成功覆盖。而通过 `:root:root` 可以提升我们的样式的优先级，确保主题变量能成功覆盖。
:root:root {
  --adm-color-primary: #fc6627;
  --adm-color-success: #00b578;
  --adm-color-warning: #ff8f1f;
  --adm-color-danger: #ff3141;
  --adm-color-white: #ffffff;
  --adm-color-weak: #999999;
  --adm-color-light: #cccccc;
  --adm-border-color: #eeeeee;
  --adm-font-size-main: 13px;
  --adm-color-text: #333333;
}

// icon图标的全局样式
.icon {
  width: 1em;  // em是相对文字大小的单位   1em等于相对一个字的大小
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

// 重置样式
* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}